﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta http-equiv="pragma" content="no-cache"/>
		<title>Modal Guide</title>
		<script type="text/javascript" src="js/jquery/jquery-1.4.4.min.js">
		</script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom/js/jquery-ui-1.8.11.custom.min.js">
		</script>
		<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.8.11.custom/css/ui-lightness/jquery-ui-1.8.11.custom.css"/>

		<link rel="stylesheet" type="text/css" href="css/modalguide.css"/>
		<script type="text/javascript" src="js/modalguide.js">
		</script>
		<style type="text/css">
	.button {
		background-color: #aaa;
		border: 1px solid #bcbcbc;
		height: 29px;
	}
		</style>
		<script type="text/javascript">
		var modalguide;
	$( function() {
		modalguide = new ModalGuide({
			width:400,
			height:300,
			left:100,
			top:200
		})
		setTimeout(function(){
			modalguide.update({width:100,height:50,left:800,top:0});
		},5000);
	});
		</script>
	</head>
	<body>
		<div style="width:800px;min-height:600px;margin:auto;">
			<div>
				sddddddddddddddddddddddddddd
				ddddddddddddddddddddddddddddddddd
				dddddddddddddddddddddddddddddddd
			</div>
		</div>
	</body>
</html>
